$(function () {


    /*----------------------是否可用----------------------*/
    layui.use(['form'], function () {
        var form = layui.form
        var $=layui.jquery,
            layer = layui.layer        //监听指定开关
        form.on('switch(switchTest)', function(data){
            //$("input[name='flag']").val(this.checked ?1:0);
            $("#flag").val(this.checked ?1:0);
            //console.log($("#flag").val(this.checked ?1:0));
        });


    });
    /*----------------------是否可用结束----------------------*/



    //提交按钮点击事件
    $("#submitBtn").click(function () {
        //获得文本框的值
        var custodianname=$("#custodianname").val();
        var decs=$("#decs").val();
        var custodianfee=$("#custodianfee").val();
        var custodianid=$("#custodianid").val();
        var flag =$("#flag").val();
       // console.log(custodianid.length==0)
        //判断是否存在Id,有Id调用修改的方法，没Id调用添加
       if (custodianid.length==0){//添加
           $.ajax({
               url:"custodian/insertCustodian",
               type:"post",
               data:{"custodianname":custodianname,"decs":decs,"custodianfee":custodianfee,"flag":flag},
               success:function (data) {
                   layer.msg(data);
                   window.location.reload();
               }
           })
       }else{//修改
           $.ajax({
               url:"custodian/updateCustodian",
               type:"post",
               data:{"custodianname":custodianname,"decs":decs,"custodianfee":custodianfee,"custodianid":custodianid,"flag":flag},
               success:function (data) {
                   layer.msg(data);
                   //刷新页面
                   window.location.reload();
               }
           })
       }
    });



/*-------------表字段数据开始----------------*/
    layui.use('table', function() {
        var table = layui.table;
        table.render({
            elem: '#test'
            , url: '/custodian/custodianlist'//控制器中条件查询的分页列表
            , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
            , defaultToolbar: ['filter', 'exports', 'print']
            , skin: 'row' //列边框风格
            , even: true //开启隔行背景
            , size: 'lg' //大尺寸的表格
            , title: '管理人表'
            , cols: [[
                {type: 'checkbox', fixed: 'left'}
                , {type: 'numbers', title: '序号', width: '80'}
                , {field: 'custodianid', title: 'ID', width: 200,unresize: true,hide:true}
                , {field: 'custodianname', title: '管理人名', width: 300,unresize: true}
                , {field: 'custodianfee', title: '管理费', width: 200,unresize: true}
                , {field: 'flag', title: '是否可用', minWidth: 100,unresize: true}
                , {field: 'decs', title: '描述', width: 870,unresize: true}

            ]]
            ,done : function(res, curr, count) {//代表表头，通过设置它的样式
                tableList = res.data;
                $('th').css({'background-color': '#2BB3D5', 'color': '#fff', 'font-weight': 'bold'})
                //状态显示转换
                $("[data-field='flag']").children().each(function(){
                    if($(this).text()=='1'){
                        $(this).text("是"),
                            $(this).css({'font-weight': '700'})
                    }else if($(this).text()=='0'){
                        $(this).text("否"),
                            $(this).css({'color':'red','font-weight': 'bold'})
                    }
                });

            }
            //开启分页
            , page: true
            , id:"dataTable"
        });
    /*------------------表字段结束---------------*/

/*--------------------模糊查询开始----------------------*/
        //模糊查询
        $("#seekBtn").click(function () {
            //获得输入框的值
            var d=$("#demoReload").val()
            table.reload("dataTable", {
                url: "/custodian/selectCustodianLike"
                , where: {
                    condition:d
                }
            });
        });
  /*----------------------模糊查询结束----------------------------*/

        //头工具栏事件
        table.on('toolbar(test)', function(obj){
            var checkStatus = table.checkStatus(obj.config.id);
            var layer = layui.layer;
            switch(obj.event){
                //编辑框
                case 'getCheckData':
                    var data = checkStatus.data;
                    if(data.length >1){
                        layer.msg("一次只能修改一个");
                        break;
                    }else if(data.length< 1){
                        layer.msg("请选择一条需要修改的数据");
                        break;
                    }else{
                        layer.open({
                            type:1,
                            title:'修改管理人',
                            content:$("#saveOrUpdateDiv"),
                            area:['800px','500px'],
                        })
                        $("#custodianid").val(data[0].custodianid);
                        $("#custodianname").val(data[0].custodianname);
                        $("#custodianfee").val(data[0].custodianfee);
                        $("#flag").val(data[0].flag);
                        $("#decs").val(data[0].decs);
                        break;
                    }
                    //console.log(data[0])
                //添加页面
                case 'add':
                    var data = checkStatus.data;
                    layer.open({
                        type:1,
                        title:'添加管理人',
                        content:$("#saveOrUpdateDiv"),
                        area:['800px','500px'],
                    });
                    //清空文本框的值
                    $("#custodianid").val("");
                    $("#custodianname").val("");
                    $("#custodianfee").val("");
                    $("#flag").val("");
                    $("#decs").val("");
                    break;

                 //删除
                case 'delete':
                    //获得复选框所选数组
                    var check =table.checkStatus("dataTable"),data=checkStatus.data;
                    if(data==""){
                        layer.msg("至少选择一行进行操作！！！",{icon:2});
                        return;
                        break;
                    }
                    //被选中的
                    var ids ="";
                    if(data.length >0){
                        for(var i=0; i<data.length; i++){
                            ids +=data[i].custodianid+",";
                            //console.log(ids);
                        }
                    }
                    layer.confirm("确定要删除当前选中的数据吗?"+ids,function (index) {
                        $.ajax({
                            type:'post',
                            url:'custodian/deleteCustodian',
                            data:{"ids":ids.substr(0,ids.length-1)},
                            success:function(data){
                                if(data==1){
                                    layer.msg("删除成功",{icon:1});
                                    window.location.reload();
                                }else{
                                    layer.msg("删除失败,此字段有子节点约束！！！",{icon:2,time:1000},function(){
                                        window.location.reload();
                                    })

                                }
                            }
                        });
                    });
                    break;
                //自定义头工具栏右侧图标 - 提示
                case 'LAYTABLE_TIPS':
                    layer.alert('这是工具栏右侧自定义的一个图标按钮');
                    break;
            };
        });
    /*-------------------头工具栏事件结束---------------------*/

        //监听行工具事件
        table.on('tool(test)', function(obj){
            var data = obj.data;
            //console.log(obj)
            if(obj.event === 'del'){
                layer.confirm('真的删除行么', function(index){
                    obj.del();
                    layer.close(index);
                });
            } else if(obj.event === 'edit'){
                layer.prompt({
                    formType: 2
                    ,value: data.email
                }, function(value, index){
                    obj.update({
                        email: value
                    });
                    layer.close(index);
                });
            }
        });
    });




});
